@media all and (min-width: 1220px){
    nav{
        display: block;
    }

    nav.header{
        position : relative;
        height: 88px;
        width : 100%;
        background-color:#007fc0;
        color : white;
    }

    nav.header > div.icon {
        position:relative;
        float:left;
        margin-left:76px;
        width : 164px;
        height: 46px;
        margin-top: 21px;
    }

    nav.header > div.icon .image{
        width : 164px;
        height:46px;
    }

    nav.header > ul.list{
        position:relative;
        float:right;
        display: block;
        list-style: none;
        margin-right: 56px;
        vertical-align: middle;
    }

    nav.header > ul.list > li{
        position:relative;
        font-size: 24px;
        margin:19px 20px;
        width : 50px;
        height: 50px;
        float: left;
        line-height: 50px;
    }

    nav.header > ul.list li.sdk{
        width: 96px;
    }

    nav.header > ul.list li.login{
        font-weight: bold;
        margin-left: 44px;
    }

    nav.header > ul.list li.register{
        font-weight: bold;
        margin: 19px 40px 19px 20px;
    }

    .collapse{
        display: block;
    }
}

@media all and (max-width: 1219px){
    nav{
        display: block;
    }

    nav.header{
        position : relative;
        width : 100%;
        background-color:#007fc0;
        color : white;
        padding: 1.5rem 1rem;
    }

    button.navbar-toggle{
        display: block;
        float : right;
        padding : 9px 10px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
    }

    span.icon-bar{
        display: block;
        background-color: #fff;
        width : 22px;
        height : 2px;
        margin-top:4px;
        border-radius : 1px;
    }

    nav.header > div.icon {
        position:relative;
        float: left;
        text-align: center;
        height: 46px;
    }

    nav.header > div.icon .image{
        width : 164px;
        height: 46px;
    }

    nav.header > ul.list{
        clear:both;
        width : 100%;
        position:relative;
        display: block;
        list-style: none;
        margin-right: 56px;
        vertical-align: middle;
        z-index : 1001;
    }

    nav.header > ul.list > li{
        position:relative;
        font-size: 24px;
        height: 50px;
        width : 100%;
        float: left;
        padding : .5rem 2rem;
        line-height: 50px;
    }

    nav.header > ul.list li.sdk{
    }

    nav.header > ul.list li.login{
        font-weight: bold;
    }

    nav.header > ul.list li.register{
        font-weight: bold;
    }

    .collapse{
        display: none;
    }

    .collapse.in.collapsing {

    }

}